<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<div id="content" role="main">
	<!-- Heading _____________________________________________-->
	<h1>Page not found</h1>

	<!-- Breadcrumbs _____________________________________________-->
	<p itemscope itemtype="http://data-vocabulary.org/Breadcrumb"
		id="breadcrumbs">
		<a href="/" rel="home" itemprop="url"><span itemprop="title">Home</span></a>
		<i class="icon-chevron-right"></i> 404
	</p>
	<hr />

	<!-- WYSIWYG Content _____________________________________________-->
	<div class="p50">
		<p class="center red extrabig" style="font-size: 12em;">404</p>
	</div>
	<div class="p50">
		<h3 class="extrabig">Oops... Page not found!</h3>
		<p>We are sorry, but the page you are looking for might have been:
		</p>
		<ul>
			<li>removed,</li>
			<li>had its name changed</li>
			<li>or is temporarily unavailable.</li>
		</ul>
		<p>
			<a href="javascript:void(0)" onclick="window.history.go(-1)"
				class="button green">Get me to previous page</a> &nbsp; <a href="/"
				class="button">Get me to homepage</a>
		</p>
	</div>
	<!-- END of WYSIWYG content _____________________________________________-->



</div>
<!-- END #content -->